<template>
  <div class="agree">
    <div class="myAgree">
      <div class="myAgree-my">我的收藏</div>
    </div>
    <!--内容部分-->
    <div class="container">
      <div class="part">
        <div class="part-left">
          <p class="part-p">北京盈科(成都)律师事务所(以下简称“盈科成都"")</p>
          <span class="part-date">2021年10月3日</span>
        </div>
        <div class="part-right">
          <img src="../../../static/images/article/first.png" alt="第一张图">
        </div>
      </div>
      <div class="part">
        <div class="part-left">
          <p class="part-p">极课大数据破解基层学校教</p>
          <span class="part-date">2021年10月2日</span>
        </div>
        <div class="part-right">
          <img src="../../../static/images/article/second.png" alt="第一张图">
        </div>
      </div>
      <div class="part">
        <div class="part-left">
          <p class="part-p">北京盈科(成都)律师事务所(以下简称“盈科成都"")</p>
          <span class="part-date">2021年10月1日</span>
        </div>
        <div class="part-right">
          <img src="../../../static/images/article/three.png" alt="第一张图">
        </div>
      </div>
      <div class="part">
        <div class="part-left">
          <p class="part-p">北京盈科(成都)律师事务所(以下简称“盈科成都"")</p>
          <span class="part-date">2021年9月4日</span>
        </div>
        <div class="part-right">
          <img src="../../../static/images/article/four.png" alt="第一张图">
        </div>
      </div>
      <div class="part">
        <div class="part-left">
          <p class="part-p">郑州市第四轮全员核酸检测全部结束 11名确诊患者达…</p>
          <span class="part-date">2021年9月2日</span>
        </div>
        <div class="part-right">
          <img src="../../../static/images/article/five.png" alt="第一张图">
        </div>
      </div>
      <div class="part">
        <div class="part-left">
          <p class="part-p">北京盈科(成都)律师事务所(以下简称“盈科成都"")</p>
          <span class="part-date">2021年10月3日</span>
        </div>
        <div class="part-right">
          <img src="../../../static/images/article/first.png" alt="第一张图">
        </div>
      </div>
      <div class="part">
        <div class="part-left">
          <p class="part-p">上海交通大学未来技术学院成立：聚焦能源、健康</p>
          <span class="part-date">2021年9月2日</span>
        </div>
        <div class="part-right">
          <img src="../../../static/images/article/six.png" alt="第一张图">
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Collection",
  methods:{
    //点击返回按钮 返回到个人中心
    toPerson(){
      this.$router.push('/person')
    }
  }
}
</script>

<style lang="less" scoped>


.agree .myAgree {
  display: flex;
  border-bottom: 10px solid #f5f5f6;
  justify-content: center;
  align-items: center;
}

.myAgree-my {
  width: 64px;
  height: 24px;
  font-size: 16px;
  //background: red;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333336;
  line-height: 24px;
  //margin-left: 90px;
  margin: 16px;
}

.container .part {
  display: flex;
  width: 100%;
  height: 96px;
  padding-right: 16px;
}
.container .part .part-left {
  margin: 16px;
}
.container .part .part-left .part-p {
  width: 230px;
  height: 48px;
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333336;
  line-height: 24px;
}
.container .part .part-left .part-date {
  display: block;
  width: 196px;
  height: 40px;
  font-size: 14px;
  text-align: left;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 40px;
}
.container .part .part-right {
  margin-top: 16px;
  width: 94px;
  height: 72px;
  line-height: 72px;
}
.container .part .part-right img {
  height: 72px;
  line-height: 72px;
}

</style>
